.mains{
  width: 100%;
  // background-color: #e4e2e2;
  height: 94vh;
  padding: 15px;
  box-sizing: border-box;
  margin: 0 auto;
  .search{
    width: 25%;
    height: 45px;
    top: 3px;
    display: flex;
    border: 1px solid #1689c2;
    border-radius: 8px;
    input{
      width: 90%;
      border: none;
      outline: none;
      padding-left: 15px;
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      font-size: 15px;
      overflow: visible;
    }
    button{
      width: 15%;
      border: none;
      outline: none;
      color: #1689c2;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      font-size: 16px;
    }
  }
  p{
    width: 100%;
    font-size: 15px;
    color: #cbd6c9;
    margin-bottom: 1rem;
  }
  table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    thead{
   background-color: #66dcf4;

      tr{
        height: 45px;
        box-sizing: border-box;
        // height: 45px;
        // border: 1px solid #fff;
        td{
          border: 1px solid #fff;
          .as{
            color: #79ff3a;
            position: relative;
            top: -7px;
            left: 18px;
            font-size: 20px;
          }
          .ab{
            position: relative;
            top: 7px;
            left: -7px;
            font-size: 20px;
          }
          span{
            color: #79ff3a;
            margin-left: 5px;
          }
        }
      }
    }
    tbody{
      tr{
        height: 45px;
        box-sizing: border-box;
        // height: 40px;
        // border: 1px solid #fff;
        background-color: #fff;
        td{
          border: 1px solid #fff;
        }
        .caozuo{
          color: #ff782b;
          .xiangqing{
            display: inline-block;
            width: 30%;
            height: 100%;
            line-height: 40px;
            text-align: center;
            font-weight: 700;
            color: #41abff;
          }

          .xiugai{
            display: inline-block;
            width: 30%;
            height: 100%;
            line-height: 40px;
            text-align: center;
            font-weight: 700;
            color: #35cd35;;
          }
          .shanchu{
            display: inline-block;
            width: 30%;
            height: 100%;
            line-height: 40px;
            text-align: center;
            font-weight: 700;
            color: #ff6c6c;
          }
        }
      }
      //tr:nth-of-type(odd){
      //  background-color: #ccc;
      //}
    }
  }
  .pagin{
    position: relative;
    margin-top: 16px;
    .pagins{
      position: absolute;
      top: 0;
      right: 0;
      .lapy{
        text-align: center;
        width: 350px;
        height: 45px;
        display: inline-block;
        line-height: 45px;
        color: #575555;
      }
      button{
        background-color: #dadada;
        color: #6d6d6d;
        // cursor: not-allowed;
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        border-radius: 5px;
        font-size: 15px;
        height: 40px;
        margin: 0 2px;
        border: solid 1px #eee;
        // background-color: #f0f2f7;
        .ned{
          font-size: 20px;
        }
      }
      .group{
        display: inline-block;
        margin: 0 4px;
        .active{
          background-color: #007bff;
          color: #fff;
          outline: none;
          width: 40px;
          border: 1px solid #928f8f;
        }
        .actives{
          width: 40px;
          color: #2c3238;
          padding: 5px;
          border-radius: 5px;
          font-size: 15px;
          height: 40px;
          margin: 0 2px;
          background-color: #f0f2f7;
        }
      }
      .ton{
        background-color: #f0f2f7;
        color: #6d6d6d;
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        border-radius: 5px;
        font-size: 15px;
        height: 40px;
        margin: 0 2px;
        border: solid 1px #eee;
        .ac{
          font-size: 20px;
        }
      }
      .activess{
        background-color: #f0f2f7;
        color: #6d6d6d;
        // cursor: not-allowed;
        display: inline-block;
        vertical-align: middle;
        padding: 5px;
        border-radius: 5px;
        font-size: 15px;
       height: 40px;
        margin: 0 2px;
        border: solid 1px #eee;
      }
      .page{
        display: inline-block;
        margin-left: 10px;
        input{
          width: 60px;
          margin: 0 5px;
          text-align: center;
          color: #c72e2e;
          font-family: inherit;
          font-size: inherit;
          line-height: inherit;
          overflow: visible;
        }
        button{
          margin-left: 10px;
          padding: 5px;
          border: 1px solid #eee;
          background-color: #007bff;
          color: #fcf9f9;
          border-radius: 5px;
          font-size: 15px;
        }
      }
    }
  }
}
